// JavaScript Document
//原生中间主轮播
//window.onload=function(){
//
//	
//		// 抓元素
//		var pic = document.getElementsByClassName('pic');
//		var vanclFocus = document.getElementById('vanclFocus');
//		var lis = document.getElementsByClassName('lb');
//		// alert(lis);
//		//设置变量，用来控制图片和li的效果
//		// 如果有多个事件都作用在同一块元素上，那么只通过一个变量去控制
//		var c = 0;
//		// 写一个函数，控制图片和li显隐
//		function run(){
//			// 自加，第1号下标图片显示
//			c++;
//			// 判断c的变化条件，当c==6的时候让他切换到第一张图片
//			if(c==7){
//				c=0;
//			}
//			// c=(c==6)?0:c;
//			//循环让所有图片隐藏,所有li的背景颜色都变灰
//			for(var i=0;i<7;i++){
//				pic[i].style.display = "none";
//				lis[i].style.background = "#CCC";
//			}
//			// 让c号对应的图片显示，c号对应的li变红
//			pic[c].style.display = "block";
//			lis[c].style.background = "red";
//			
//
//		}
//		// 设置定时器，每隔一秒变化一次
//		timer=setInterval(run,1000);
//		// 给每个li加鼠标移入事件
//		for(var i=0;i<lis.length;i++){
//			// 把i的值赋给lis[i]下标
//			lis[i].xuhao=i;
//			// 鼠标移入事件
//			lis[i].onmouseover=function(){
//				// 鼠标移入时清理定时器,让图片停止更换，停留在当前图片上
//				clearInterval(timer);
//				// c是控制图片和li的
//				c=this.xuhao;
//				// 遍历数组
//				for(var i=0;i<6;i++){
//					// 让所有图片隐藏,所有li变灰
//					pic[i].style.display = 'none';
//					lis[i].style.background = '#CCC';
//				}
//				// 让c号对应的图片显示，c号对应的li变红
//				pic[c].style.display = 'block';
//				lis[c].style.background = 'red';
//
//			}
//			// 给li加鼠标移出事件
//			lis[i].onmouseout=function(){
//				// 恢复定时器
//				timer=setInterval(run,1000);
//			}
//		}
//	}

//轮播图结束

//顶部导航部分
$(function(){
	//给微信加一个鼠标移入事件
	$('#weixin1').mouseenter(function(){
		//兄弟元素显示
		$(this).siblings('#weixin').show();
	});
	
	//给微信加一个鼠标移出事件，移出隐藏
	$('#weixin1').mouseleave(function(){
		//兄弟元素显示
		$(this).siblings('#weixin').hide();
	});
	
	//给购物车加鼠标移入事件
	$('#shoppingcar').mouseenter(function(){
		$(this).find('.shopping').addClass('shopping1').removeClass('shopping');
		//span标签元素显示
		$(this).find('#shopping_h').show();
	});
	
	//给微信加一个鼠标移出事件，移出隐藏
	$('#shoppingcar').mouseleave(function(){
		$(this).find('.shopping1').addClass('shopping').removeClass('shopping1');
		//span标签隐藏
		$(this).find('#shopping_h').hide();
	});
	
	//导航栏
	$('.itempic').mouseenter(function(){
		$(this).find('.tx').show();
	});
	//移出隐藏
	$('.itempic').mouseleave(function(){
		$(this).find('.tx').hide();
	});
	//导航栏结束
	
	//左侧列表隐藏区域
	$('.allProduct').mouseenter(function(){
		$('.sj').css({transform:'rotate(180deg)'});
		$(this).find('.categoryList').show();
	});
	//移出隐藏
	$('.allProduct').mouseleave(function(){
		$('.sj').css({transform:'none'});
		$(this).find('.categoryList').hide();
	});
	//左侧列表隐藏区域结束
	
	/**
	 * 列表页
	 */
	//更多点击更多时改变祖父级高度为35px
	var b=1;
	$('.selectRightIcon').click(function(){
		if(b){
			b=0;
			$(this).addClass('gd').removeClass('selectRightIcon').parents('.occasion').css({'height':'auto'});
			var str="<em></em> 收起";
			$('.selectRightIcon').html(str);
			
			
		}else{
			var str="<em></em> 更多";
			$(this).addClass('selectRightIcon').removeClass('gd').parents('.occasion').css({'height':'35px'});
			b=1;
			$('.selectRightIcon').html(str);
		}
		
	});
	//给箭头一个单击事件，点击显示2条
	$('.selectBtn').click(function(){
		if(b){
			b=0;
			$(this).find('a').css({'transform': 'rotate(180deg)'});
			$(this).siblings('.yc').css({'display':'block'})
		}else{
			b=1;
			$(this).find('a').css({'transform': 'rotate(0deg)'});
			$(this).siblings('.yc').css({'display':'none'});
		}
	});
	//给input一个获取焦点和失去焦点事件
	$('.FpriceText0124').focus(function(){
		$('.button').show();
	});
	$('.FpriceText0124').blur(function(){
		$('.button').hide();
	});
	//全部商品的下拉效果，固定定位
	//给文档绑定滚动事件
	$(document).scroll(function(){
		//获取文档滚动上去的距离
		var t = $(document).scrollTop();
		//把t的值赋给title
//		document.title = t;
		//给t一个判断
		if(t>=400){
			//添加语句设置好的class
			$('.storewide').addClass('fix');
		}else{
			//删除已经设置好的class
			$('.storewide').removeClass('fix');
		}
		
	})
	//固定定位结束
	
	//展销隐藏图片上下无缝轮播
    $(function(){
        var re=5;
        // 设置定时器
        setInterval(function(){
            re--;
            if(re==-1){
                // 让gd2瞬间移动到top0
                $('.xlb').stop().animate({'top':'-150px'},300);
                re=4;
            }
            // 计算top值
            var top=re*-30;
            // 让gd2移过去
            $('.xlb').animate({'top':top+'px'},300)
        },2000)
    
    //鼠标移入显示详细商品，移出隐藏
    $('.pic').mouseenter(function(){
    	$(this).find('.dt1').css({'display':'block'});
    });
    	//移出隐藏
	$('.pic').mouseleave(function(){
		$(this).find('.dt1').css({'display':'none'});
	});
    
    //展销图片上下无缝轮播结束
	});
	
	
	
	
	
	/**
	 * 内容页js效果
	 */
	
	//点击下拉菜单的加入购物车，显示隐藏div
	//给文档绑定滚动事件
	$(document).scroll(function(){
		//获取文档滚动上去的距离
		var t = $(document).scrollTop();
		//把t的值赋给title
		document.title = t;
		//给t一个判断
		if(t>=660){
			//添加语句设置好的class
			$('.productTitleHide').show();
		}else{
			//删除已经设置好的class
			$('.productTitleHide').hide();
		}
		// ********switch判断*******首先设置表达式q(通常是一个变量)，随后表达式的值会与结构中每个case的值做比较，如果存在匹配，则与改case关联的代码块会被执行，请使用break来阻止代码自动向下一个case运行。
   		// 给a加单击事件,鼠标点击当前楼层跳转到当前楼层
   		$('.right li').click(function(){
   			//给序号设定一个变量
   			var q = $(this).index();
   			//跳转到当前点击标题的内容位置
   			switch(q){
   				case 0:
   				//让页面在产品描述位置显示
   				$('html,body').stop().animate({'scrollTop':'660px'});
   				break;
   				case 1:
   				//让页面在评论位置显示
   				$('html,body').stop().animate({'scrollTop':'3607px'});
   				break;
   				case 2:
   				//让页面在提问位置显示
   				$('html,body').stop().animate({'scrollTop':'3797px'});
   				break;
   			}
   		})
		
	});
	
	//点击隐藏的下拉菜单的加入购物车，显示固定定位的div
	$('.Add').click(function(){
		$('.danpinRight').css({'display':'block'});
	});
	//点击x的时候隐藏固定定位的div
	$('.x').click(function(){
		$('.danpinRight').css({'display':'none'});
	})
	//给隐藏固定div一个滚动条事件，到达924就让它隐藏
	//给文档绑定滚动事件
	$(document).scroll(function(){
		//获取文档滚动上去的距离
		var t = $(document).scrollTop();
		//把t的值赋给title
//		document.title = t;
		//给t一个判断
		if(t<=924){
			//添加语句设置好的class
			$('.danpinRight').hide();
		}
		
	});
	
	//给中间的加入购物车一个单击事件，点击显示商品已加入购物车div
	$('.gwc').click(function(){
		$('.carBox').css({'display':'block'});
	});
	//点击x的时候隐藏div
	$('.x').click(function(){
		$('.carBox').css({'display':'none'});
	})
	
	
	
	
	
	/**
	 * 我的购物车
	 */
	//给凑单一个单击事件，div显隐
	$('.ljcd').click(function(){
		$('.collocate').show();
	});
	//点击X隐藏
	$('.myCartX').click(function(){
		$('.collocate').hide();
	});
	
	//去结算，固定定位
	//给文档绑定滚动事件
	$(document).scroll(function(){
		//获取文档滚动上去的距离
		var t = $(document).scrollTop();
		//把t的值赋给title
//		document.title = t;
		//给t一个判断
		if(t<=113){
			//添加语句设置好的class
			$('.account').addClass('fix1');
		}else{
			//删除已经设置好的class
			$('.account').removeClass('fix1');
		}
		
	})
	//固定定位结束
	
	
	
	
	
	
	
})
//顶部导航部分结束